<template>
  <div id="shop">
    <section>
        <router-view></router-view>
    </section>
    <footer>
      <router-view name='footer'></router-view>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="scss">
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}

fieldset,
img,
input,
button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

/*去掉input等聚焦时的蓝色边框*/

select,
input {
    vertical-align: middle;
}

select,
input,
textarea {
    font-size: 12px;
    margin: 0;
}

textarea {
    resize: none;
}

/*防止拖动*/

img {
    border: 0;
    vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/

table {
    border-collapse: collapse;
}

/* 表格合并 */

a {
    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

i,
b,
strong,
em {
    font-style: normal;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1;
}

#shop,html,body{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    section{
        flex: 1;
    }
    footer{
        height: 15Vw;
    }
    .router-link-exact-active{
        color: red;
    }
}
@font-face {
  font-family: 'iconfont';  /* project id 1253501 */
  src: url('//at.alicdn.com/t/font_1253501_92cumovwvmt.eot');
  src: url('//at.alicdn.com/t/font_1253501_92cumovwvmt.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1253501_92cumovwvmt.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1253501_92cumovwvmt.woff') format('woff'),
  url('//at.alicdn.com/t/font_1253501_92cumovwvmt.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1253501_92cumovwvmt.svg#iconfont') format('svg');
}
</style>
